<script setup>
import {Video} from '../../model/resource'
const emits = defineEmits()

const onUpload = async (param) => {
    emits('uploadVideo', param)
}

</script>

<template lang="">
  <div class="container">
      <el-upload
    class="upload-demo"
    :show-file-list="false"
    :drag="true"
    :http-request="onUpload"
    multiple
  >
    <el-icon class="el-icon--upload"><upload-filled /></el-icon>
    <div class="el-upload__text">
      拖动文件到这 或 <em>点击上传</em>
    </div>
    <template #tip>
      <div class="el-upload__tip">
        <!-- jpg/png files with a size less than 500kb -->
        <!-- mp4 -->
      </div>
    </template>
  </el-upload>
  </div>
</template>

<style scoped>
.container{
    display: flex;
    width: 100%;
    flex-direction: column;
}
</style>